import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

//创建登录组件 路由
import Login from '@/components/user/Login'
import Emp from '@/components/emp/Emp'

const routes = [
  {
    path:"/",
    name:"Login",
    component:Login
  },
  {
    path:"/Login",
    name:"Login",
    component:Login
  },
  {
    path:"/Emp",
    name:"Emp",
    component:Emp
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

//通过路由守卫  在请求之前或之后 操作我们的地址
/**
 * to : 需要访问的路径
 * from ： 从哪里来
 * next  ：函数 通过这个函数 访问其他的路由
 */
router.beforeEach((to,from,next)=>{
  //在前置 钩子函数中可以  做登录的权限认证
  let path = to.path ; //获取访问的路由
  if (path == "/" || path == "/Login") {
    //方形
    next();
  }else {
    let token = sessionStorage.getItem("token");
    if (!token) {
      alert("请先登录~~~~");
      next("/") ;
    }else {
      next();
    }
  }
})

export default router
